<template>
  <div>
    <!-- 头部 -->
    <van-nav-bar title="反馈问题" left-arrow :fixed="true" @click-left="onClickLeft" />
    <!-- body -->
    <div>
      <div id="fkd">
        <h5>请选择您反馈的类型</h5>
        <van-icon name="arrow yjt" slot="right" color="black" size="15px" />
      </div>
      <div id="xq">
        <h5>请描述你遇到的问题</h5>
        <br />
        <br />
        <div id="anniu">
          <p @click="tap($event)">没有跑男接单</p>
          <p @click="tap($event)">配送物品破损</p>
          <p @click="tap($event)">地图定位不准</p>
          <p @click="tap($event)">软件不稳定</p>
          <p @click="tap($event)">不清楚如何下单</p>
          <p @click="tap($event)">其他</p>
        </div>
        <div>
          <textarea name id cols="47" rows="7"></textarea>
        </div>
        <div id="sc">
          <h5>
            上传凭证
            <span>(不超过三张)</span>
          </h5>
          <div >
             <van-uploader v-model="fileList" multiple :max-count="3" />
          </div>
         
        </div>
        <div id="xlxx">
          <h5 class="lxr">联系人:{{title}}</h5>
          <h5>联系方式:{{haoma}}</h5>
        </div>
        <div id="tj">
          <button id="zan">提交反馈</button>
        </div>
      </div>
    </div>
  </div>
</template>



<script>
export default {
  name: "Fkzxymfb",
  data() {
    return {
      fileList: [],
      title: "泪如雨下",
      haoma: "1234567890"
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    tap(e){
      e.target.style.color ='orange'
      e.target.style.borderColor='orange'
      
    }
  }
};
</script>


<style >
* {
  margin: 0;
  padding: 0;
}
#fkd{margin-top:76px}
#fkd {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 10px;
}
#fkd h5 {
  float: left;
  color: #d3d3d3;
  margin-left: 21px;
  font-weight: normal;
}
.yjt {
  float: right;
  margin-right: 15px;
}
#xq {
  float: left;
  width: 100%;
}
#xq h5 {
  float: left;
  margin-left: 21px;
}
#anniu {
  text-align: center;
}
#anniu p {
  /* width: 94px; */
  height: 31px;
  padding:0 10px;;
  border: 1px solid #d3d3d3;
  border-radius: 20px;;
  font-size: 12px;
  line-height: 31px;
  color: #d3d3d3;
  margin-bottom: 9px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

#sc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#sc h5 {
  margin-bottom: 14px;
  margin-top: 46px;
}
.van-uploader {
  margin-left: 21px;
}
#xlxx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 43px;
}
.lxr {
  margin-bottom: 39px;
}
#zan {
  width: 340px;
  height: 50px;
  margin-top: 70px;
}
#app .van-image{margin-top:0}
</style>
